<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <!-- Meta, title, CSS, favicons, etc. -->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>JunTuo</title>

  <link href="/resource/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" />

  <link href="/resource/plugins/validator/jquery.validator.css" rel="stylesheet">
  <link href="/resource/css/default.css" rel="stylesheet">
</head>

<body style="background-color:#f6f6f6; background-image:none;">
 
    <form method="post" action="/login" >
        <div id="login" style="margin:0px;padding:0px;"> 
          <section>
             <div class="header-logo">
               <img src="/resource/dist/img/logo220.png" width="600" height="120"/>
                 <%--<img src="/resource/dist/img/logo220.png" width="216" height="93"/>--%>
             </div>
             <div class="login-box">
                <div class="text">
                  <input name="username" type="text" class="form-control" placeholder="账号" required="" />
                </div>
                <div class="text">
                  <input name="password"  type="password" class="form-control" placeholder="密码" required="" />
                </div>
               <div  class="text" >
                 <span style="float:left;"><input type="text" class="form-control" placeholder="验证码" name="checkCode" style="width:243px;" required="" ></span>
                 <span style="padding-left: 9px;"><a href="JavaScript:changeImage();" title="点击换一张"><img width="77" height="31" src="/resource/images/captcha.png" id="imgCheckCode" /></a></span>
               </div>
               <div style="padding-top:10px;text-align:left;color: #FA4F70;display:none" id="div_mesage">
                   <i class="fa fa-exclamation-circle" aria-hidden="true"></i>
                   <span style="padding-left:3px; font-family: FontAwesome;font-size: 12px; color: #FA4F70;" id="b_show_message"></span>
               </div>
              <div class="text but" >
                <button type="submit" class="btn btn-primary" >登录</button>
              </div>
              <div class="misspwd">忘记密码？</div>
            </div>
          </section>
        </div>
    </form>
	<div class="bom">Copyright © JunTuo</div>
</div>
<!-- basic scripts -->


<script src="/resource/plugins/jQuery/jquery-2.2.3.min.js"></script>
<script src="/resource/plugins/validator/jquery.validator.js"></script>
<script src="/resource/plugins/validator/zh_CN2.js"></script>

<script type="text/javascript">
  function changeImage() {
    var img = document.getElementById("imgCheckCode");
    img.src = "/checkCode?" + Math.random();
  }

  $(function(){
    var message =  '${message}';
    if(message){
      $("#div_mesage").css("display","block");
      $('#b_show_message').html(message);
    }
    changeImage();
  });

</script>
</body>
</html>
